<!DOCTYPE html>
        <html lang="zh-cn">
        <head>
            <meta charset="UTF-8"/>
            <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
            <meta content="IE=edge, chrome=1" http-equiv="X-UA-Compatible"/>
            <meta content="text/html;charset=utf-8" http-equiv="content-type"/>
            <link href="https://www.catbro.cn/css/matery.css" rel="stylesheet">
            <link href="https://cdn.bootcss.com/github-markdown-css/3.0.1/github-markdown.min.css" rel="stylesheet">
            <link rel="stylesheet"
                  href="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@9.16.2/build/styles/default.min.css">
            <script type="text/javascript"
                    src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@9.16.2/build/highlight.min.js"></script>
            <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mermaid/8.4.4/mermaid.min.js"></script>
            <script type="text/javascript"
                    src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-MML-AM_CHTML"></script>
            <script type="text/javascript">
                MathJax.Hub.Config({
                    tex2jax: {
                        inlineMath: [
                            ['$', '$'],
                            ['(', ')']
                        ]
                    }
                });
            </script>
            <style>
                img {
                    max-width: 100%;
                }
                pre {
                    padding: 1.5rem !important;
                    margin: 1rem 0 !important;
                    background: #272822;
                    overflow: auto;
                    border-radius: 0.35rem;
                    tab-size: 4;
                    display: block;
                    font-size: 87.5%;
                    color: #212529;
                }
                pre code {
                    border-radius: 2px;
                    font-family: Inconsolata, Monaco, Consolas, 'Courier New', Courier, monospace;
                    word-break: normal;
                    font-size: inherit;
                    padding: 0;
                    color: #e8eaf6;
                    background-color: #272822;
                }
                body {
                    margin: 8px !important;
                }
            </style>
        </head>
        <body id="preArea">
        <div id="preMkContent"><hr>
<ul>
<li>metaData-start</li>
<li>metaData-id:0e76cd2c-6fe9-11ea-b00a-acde48001122</li>
<li>metaData-title:EasyCamera解析</li>
<li>metaData-tags:</li>
<li>metaData-categories:</li>
<li>metaData-cover:</li>
<li>metaData-createDate:2020-03-27 13:08:54.895140</li>
<li>extendData-QIECategory:</li>
<li>metaData-end</li>
</ul>
<hr>
<div class="mermaid">sequenceDiagram
participant at as CameraActivity
participant me as MagicEngine
participant pv as MagicBaseView
participant ce as CameraEngine

at --&gt;&gt; at: onCreate()
at -&gt;&gt;+ me:传入初始化MagicEngine引擎build(MagicCameraView)
me --&gt;&gt; me:1、magicBaseView 预览界面对象
me --&gt;&gt; me:的magicBaseView成员
me --&gt;&gt;- at:初始化完成
at --&gt;&gt; at:1、initView()初始化界面组件
at --&gt;&gt; at:1.1、initCamera()设置相机预览组件
at --&gt;&gt; at:initEvent() 设置按钮的点击事件

at--&gt;&gt;at:点击拍照按钮
at --&gt;&gt;+ me: magicEngine?.savePicture(存储图片的文件,回调函数)
me --&gt;&gt; me:magicBaseView?.savePicture
me --&gt;&gt;+ pv: savePicture保存图片
pv --&gt;&gt;+ ce: savePicture保存图片
ce --&gt;&gt;- pv: 返回保存的图片
pv --&gt;&gt;- me: 返回保存的图片
me --&gt;&gt;- at:拍摄完成
</div>

        </div>
          <script>
              var config = {
                theme:'default',
                logLevel:'fatal',
                securityLevel:'strict',
                startOnLoad:true,
                arrowMarkerAbsolute:false,
            
                flowchart:{
                  htmlLabels:true,
                  curve:'linear',
                },
                sequence:{
                  diagramMarginX:50,
                  diagramMarginY:10,
                  actorMargin:50,
                  width:150,
                  height:65,
                  boxMargin:10,
                  boxTextMargin:5,
                  noteMargin:10,
                  messageMargin:35,
                  mirrorActors:true,
                  bottomMarginAdj:1,
                  useMaxWidth:true,
                  rightAngles:false,
                  showSequenceNumbers:false,
                },
                gantt:{
                  titleTopMargin:25,
                  barHeight:20,
                  barGap:4,
                  topPadding:50,
                  leftPadding:75,
                  gridLineStartPadding:35,
                  fontSize:11,
                  fontFamily:'"Open-Sans", "sans-serif"',
                  numberSectionStyles:4,
                  axisFormat:'%Y-%m-%d',
                }
              };
              mermaid.initialize(config);
          window.reloadMermaid = function reloadMermaid() {
            mermaid.init({
                noteMargin: 10
            }, ".mermaid");
          
          }
          </script>

        </body>
        </html>
        